import Card from '@/components/imageCard';
import {getEntertainments} from "@/lib/data";

export default async function Page() {
  const scenesData = await getEntertainments();
  return (
    <div className="container mx-auto p-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
      {scenesData.map((data, index) => (
        <Card
          key={index}
          imageUrl={data.imageUrl}
          title={data.title}
          description={data.description}
        />
      ))}
    </div>
  );
}
